﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="SoccerNewsHTML.Home" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>News Magazine</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.carouFredSel-6.2.0-packed.js"></script>
    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="scripts/jquery.timers.1.2.js"></script>
    <script type="text/javascript" src="scripts/jquery.galleryview-2.1.1.js"></script>
    <script type="text/javascript" src="scripts/jquery.galleryview.setup.js"></script>
    <style type="text/css">
        #wrapper {
            height: 154px;
            position: relative;
        }

        #prev, #next {
            height: 155px;
            position: absolute;
            top: 55px;
        }

        #wrapper {
            width: 570px;
            left: 30px;
            overflow: hidden;
        }
        /*#carousel img
        {
            border: none;
            display: block;
            float: left;
            height: 120px;
            padding: 5px 0px 5px 5px;
            width: 136px !important;
        }*/
        #prev, #next {
            background: center center no-repeat #ccc;
            width: 30px;
        }

            #prev:hover, #next:hover {
                background-color: #bbb;
            }

        #prev {
            background-image: url( images/gui-prev.png );
            left: 0;
        }

        #next {
            background-image: url( images/gui-next.png );
            left: 600px;
        }
    </style>
    <script type="text/javascript">

        $(function () {

            $('#carousel1').carouFredSel({
                prev: '#prev',
                next: '#next',
                scroll: 1000

            });

        });
    </script>
</head>
<body>
    <!-- Top menu-->
    <div class="wrapper col0">
        <div id="topline">
            <p>
                Tel: 0123456789 | Mail: info@domain.com
            </p>
            <ul>
                <li><a href="#">Libero</a></li>
                <li><a href="#">Maecenas</a></li>
                <li><a href="#">Mauris</a></li>
                <li class="last"><a href="#">Suspendisse</a></li>
            </ul>
            <br class="clear" />
        </div>
    </div>
    <!-- Main logo -->
    <div class="wrapper no-border-bottom">
        <div id="header">
            <div class="fl_left">
                <h1>
                    <a href="#"><strong>N</strong>ews <strong>M</strong>agazine</a></h1>
                <p>
                    Free CSS Website Template
                </p>
            </div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Menu bar -->
    <div class="wrapper no-border-bottom">
        <div class="topbar">
            <ul>
                <li class="space">&nbsp;</li>
                <li id="liHome"><a href="#">HOME</a> </li>
                <li><a href="#">TÂY BAN NHA</a></li>
                <li><a href="#">ANH</a></li>
                <li><a href="#">ĐỨC</a></li>
                <li><a href="#">Ý</a></li>
                <li id="liStar"><a href="#">NGÔI SAO</a>
                    <div id="divSubMenu" class="sub-bar">
                        <div class="sub-content">
                            <h2>Cau thu La Liga</h2>
                            <ul>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                                <li><a href="#">Louis Suares (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                        <div class="sub-content">
                            <h2>Cau thu Premier League</h2>
                            <ul>
                                <li><a href="#">Xavi Hanandez (10)</a> </li>
                                <li><a href="#">Wayner Rooney (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                        <div class="sub-content">
                            <h2>Cau thu Seria</h2>
                            <ul>
                                <li><a href="#">Ronaldinho (10)</a> </li>
                                <li><a href="#">Naymar JR (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#">CÂU LẠC BỘ</a></li>
            </ul>
            <script type="text/javascript">
                $(".topbar #liStar").mouseover(function () {
                    $("#divSubMenu").show();
                });
                $(".topbar #liStar").mouseout(function () {
                    $("#divSubMenu").hide();
                });

            </script>
            <br class="clear" />
        </div>
    </div>
    <!-- Main article slider and sub article -->
    <div class="wrapper">
        <div class="container">
            <div class="content">
                <div id="featured_slide">
                    <ul id="featurednews">
                        <li>
                            <img src="images/slide1.jpg" alt="#" title="Chân sút Diego Costa đã vượt qua buổi kiểm ..." />
                            <div class="panel-overlay">
                                <a href="http://yeubongda.com" class="link-white-color">
                                    <h2>Nullamlacus dui ipsum</h2>
                                    <p>
                                        Chân sút Diego Costa đã vượt qua buổi kiểm tra y tế tại Chelsea và sẽ gia nhập đội
                                        chủ sân Stamford Bridge với giá 35 triệu bảng.<br />
                                </a>
                            </div>
                        </li>
                        <li>
                            <img src="images/slide2.jpg" alt="" />
                            <div class="panel-overlay">
                                <a href="http://yeubongda.com" class="link-white-color">
                                    <h2>Aliquatjusto quisque nam</h2>
                                    <p>
                                        Chân sút Diego Costa đã vượt qua buổi kiểm tra y tế tại Chelsea và sẽ gia nhập đội
                                        chủ sân Stamford Bridge với giá 35 triệu bảng.<br />
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <img src="images/slide3.jpg" alt="" />
                            <div class="panel-overlay">
                                <a href="http://yeubongda.com" class="link-white-color">
                                    <h2>Dapiensociis temper donec</h2>
                                    <p>
                                        Barca nhắm cựu tiền đạo Real nếu thất bại trong vụ Aguero<br />
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <img src="images/slide4.jpg" alt="" />
                            <div class="panel-overlay">
                                <a href="http://yeubongda.com" class="link-white-color">
                                    <h2>Barca nhắm cựu tiền đạo Real nếu thất bại trong vụ Aguero</h2>
                                    <p>
                                        Barca nhắm cựu tiền đạo Real nếu thất bại trong vụ Aguero<br />
                                    </p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <img src="images/slide5.jpg" alt="" />
                            <div class="panel-overlay">
                                <a href="http://yeubongda.com" class="link-white-color">
                                    <h2>Pedefamet orci orci quisque</h2>
                                    <p>
                                        Nonnam aenenasce morbi liberos malesuada risus id donec volutpat estibulum curabitae.<br />
                                    </p>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="column">
                <div class="topic">
                    Tin tức mới cập nhật
                </div>
                <div class="subnav news-newest">
                    <ul style="overflow: hidden">
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                    </ul>
                </div>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Advertisement top -->
    <div class="wrapper">
        <div class="adblock">
            <div class="fl_left">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a>
            </div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Competition article -->
    <div class="wrapper">
        <div class="container">
            <div class="content">
                <div class="article-box box-shadow">
                    <div class="topic">
                        Media
                    </div>
                    <%--<div class="bar">
                        <ul id="bar">
                            <li>
                                <img src="images/messi.jpg" alt="" /></li>
                            <li>
                                <img src="images/sua.jpg" alt="" /></li>
                            <li>
                                <img src="images/messi.jpg" alt="" /></li>
                            <li>
                                <img src="images/sua.jpg" alt="" /></li>
                            <li>
                                <img src="images/sua.jpg" alt="" /></li>
                            <li>
                                <img src="images/messi.jpg" alt="" /></li>
                            <li>
                                <img src="images/sua.jpg" alt="" /></li>
                        </ul>
                        <a id="prev" class="prev" href="#"></a><a id="next" class="next" href="#"></a>
                    </div>--%>
                    <div id="wrapper">
                        <div id="carousel" class="carousel-box">
                            <%--<div><img src="images/messi.jpg" alt="dakar-1" style="width: 200px" /><p>Messi signed contract with Barce </p></div>--%>
                            <ul id="carousel1">
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                                <li><a href="#">
                                    <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                    <strong>Leo Messi ký xong hợp...</strong> </a></li>
                            </ul>
                        </div>
                    </div>
                    <a id="prev" href="#"></a><a id="next" href="#"></a>
                </div>
                <!--Spain-->
                <div class="article-box box-shadow">
                    <div class="topic">
                        <span>La Liga</span>
                    </div>
                    <!-- left -->
                    <div class="main-article">
                        <div class="col-left-s1">
                            <a href="#">
                                <img src="images/messi2.jpg" alt="" />
                            </a>
                        </div>
                        <div class="col-right-s1">
                            <div class="main-title">
                                <a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a>
                            </div>
                            <p>
                                Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                            </p>
                            <div style="border-bottom: solid 1px #ccc; clear: both; display: block; height: 5px; margin-bottom: 5px;">
                            </div>
                            <div>
                                <ul>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="sub-article-bar">
                        <ul>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li class="no-border-right"><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                        </ul>
                    </div>
                </div>
                <!--England-->
                <div class="article-box box-shadow">
                    <div class="topic">
                        <span>Premier League</span>
                    </div>
                    <!-- left -->
                    <div class="main-article">
                        <div class="col-left-s1">
                            <a href="#">
                                <img src="images/messi2.jpg" alt="" />
                            </a>
                        </div>
                        <div class="col-right-s1">
                            <div class="main-title">
                                <a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a>
                            </div>
                            <p>
                                Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                            </p>
                            <div style="border-bottom: solid 1px #ccc; clear: both; display: block; height: 5px; margin-bottom: 5px;">
                            </div>
                            <div>
                                <ul>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="sub-article-bar">
                        <ul>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li class="no-border-right"><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                        </ul>
                    </div>
                </div>
                <!--Champions League-->
                <div class="article-box box-shadow">
                    <div class="topic">
                        <span>Champions League</span>
                    </div>
                    <!-- left -->
                    <div class="col-left-s2">
                        <div class="main-article">
                            <a href="#">
                                <img src="images/messi2.jpg" alt="" />
                            </a>
                            <div class="main-content">
                                <span class="main-title">Leo Messi ký xong hợp đồng mới với Barcelona</span>
                                <p>
                                    Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                    bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                                </p>
                            </div>
                            <div class="under">
                            </div>
                            <div>
                                <ul>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a> </li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a> </li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a> </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- right-->
                    <div class="col-right-s2">
                        <ul>
                            <li><a href="#">
                                <img alt="" src="images/messi.jpg" />
                                <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong></a> </li>
                            <li><a href="#">
                                <img alt="" src="images/messi.jpg" /><strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong></a>
                            </li>
                            <li class="no-border-bottom"><a href="#">
                                <img alt="" src="images/messi.jpg" /><strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--Advertisement-->
                <div class="advertisement-center box-shadow">
                    <img src="images/adverts/ads-02.gif" alt="" />
                </div>
                <!--Seria-->
                <div class="article-box box-shadow">
                    <div class="topic">
                        <span>Seria</span>
                    </div>
                    <!-- left -->
                    <div class="main-article">
                        <div class="col-left-s1">
                            <a href="#">
                                <img src="images/messi2.jpg" alt="" />
                            </a>
                        </div>
                        <div class="col-right-s1">
                            <div class="main-title">
                                <a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a>
                            </div>
                            <p>
                                Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                            </p>
                            <div style="border-bottom: solid 1px #ccc; clear: both; display: block; height: 5px; margin-bottom: 5px;">
                            </div>
                            <div>
                                <ul>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="sub-article-bar">
                        <ul>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li class="no-border-right"><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                        </ul>
                    </div>
                </div>
                <!--Bundesliga-->
                <div class="article-box box-shadow">
                    <div class="topic">
                        <span>Bundesliga</span>
                    </div>
                    <!-- left -->
                    <div class="main-article">
                        <div class="col-left-s1">
                            <a href="#">
                                <img src="images/messi2.jpg" alt="" />
                            </a>
                        </div>
                        <div class="col-right-s1">
                            <div class="main-title">
                                <a href="#">Leo Messi ký xong hợp đồng mới với Barcelona</a>
                            </div>
                            <p>
                                Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                            </p>
                            <div style="border-bottom: solid 1px #ccc; clear: both; display: block; height: 5px; margin-bottom: 5px;">
                            </div>
                            <div>
                                <ul>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                    <li><a href="#">Leo Messi ký xong hợp đồng mới...</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="sub-article-bar">
                        <ul>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li><a href="#">
                                <img class="" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                            <li class="no-border-right"><a href="#">
                                <img class="" src="images/messi2.jpg" alt="">
                                <p>
                                    <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                </p>
                            </a></li>
                        </ul>
                    </div>
                </div>
                <!--Star-->
                <div class="article-box">
                    <div class="left-column">
                        <div class="half-box">
                            <div class="topic">
                                <span>Champions League</span>
                            </div>
                            <div class="main-article">
                                <a href="#">
                                    <img src="images/messi2.jpg" alt="" />
                                </a>
                                <div class="main-content">
                                    <div class="main-title">
                                        Leo Messi ký xong hợp đồng mới với Barcelona
                                    </div>
                                    <p>
                                        Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                        bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                                    </p>
                                </div>
                            </div>
                            <div class="sub-article">
                                <ul>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="half-box voting voting-bg1">
                            <div class="topic">
                                Thăm dò ý kiến
                            </div>
                            <div>
                                <p class="question">
                                    Đội nào sẽ vô địch La Liga 2014-2015?
                                </p>
                                <ul>
                                    <li>
                                        <label>
                                            <div class="label-input">
                                                <input type="radio" value="1" name="vote" />
                                            </div>
                                            <div class="label-anwser">
                                                <span>Barcelona</span>
                                            </div>
                                        </label>
                                    </li>
                                    <li>
                                        <label>
                                            <div class="label-input">
                                                <input type="radio" value="1" name="vote" />
                                            </div>
                                            <div class="label-anwser">
                                                <span>Real Marid</span>
                                            </div>
                                        </label>
                                    </li>
                                    <li>
                                        <label>
                                            <div class="label-input">
                                                <input type="radio" value="1" name="vote" />
                                            </div>
                                            <div class="label-anwser">
                                                <span>Atlectico Marid</span>
                                            </div>
                                        </label>
                                    </li>
                                </ul>
                            </div>
                            <div class="result-box" id="div1">
                                This is result of voting
                                <br />
                                This is result of voting
                                <br />
                                This is result of voting
                            </div>
                            <div class="vote-btn-box">
                                <ul>
                                    <li>
                                        <input type="button" value="Bình chọn" /></li>
                                    <li>
                                        <input class="view-result" id="Button1" type="button" value="Kết quả" /></li>
                                </ul>
                            </div>
                            <script type="text/javascript">
                                $(document).ready(function () {
                                    $("#Button1").click(function () {
                                        $("#div1").slideToggle('fast');
                                    });
                                });
                            </script>
                        </div>
                        <div class="half-box">
                            <div class="topic">
                                Góc biếm họa
                            </div>
                            <div class="main-cartoon">
                                <img alt="" src="images/sua.jpg" />
                            </div>
                            <div class="cartoon-bar">
                                <ul>
                                    <li>
                                        <img alt="" src="images/messi.jpg" />
                                    </li>
                                    <li>
                                        <img alt="" src="images/sua.jpg" />
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="right-column">
                        <div class="half-box">
                            <div class="topic">
                                <span>Champions League</span>
                            </div>
                            <div class="main-article">
                                <a href="#">
                                    <img src="images/messi2.jpg" alt="" />
                                </a>
                                <div class="main-content">
                                    <h3 style="font-size: 25px; font-weight: bold">Leo Messi ký xong hợp đồng mới với Barcelona</h3>
                                    <p>
                                        Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                        bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp...
                                    </p>
                                </div>
                            </div>
                            <div class="sub-article">
                                <ul>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="" title="Leo Messi ký xong hợp đồng mới với Barcelona">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                    <li><a href="#">
                                        <img class="medium" src="images/messi2.jpg" alt="">
                                        <p>
                                            <strong>Leo Messi ký xong hợp đồng mới với Barcelona</strong>
                                        </p>
                                    </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="subnav">
                    <div class="topic">
                        Trailer phim Disney's Maleficent 2014
                    </div>
                    <%--<iframe width="98%" height="300" src="http:\\www.youtube.com/embed/w-XO4XiRop0">
                    </iframe>
                    --%>
                    <video width="640" height="360" id="player1" preload="none">
                        <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
                    </video>
                </div>
                <div class="holder top-score">
                    <table>
                        <thead>
                            <tr>
                                <td colspan="4" class="title">Giày Vàng Châu Âu
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">Cầu thủ
                                </td>
                                <td>Goals
                                </td>
                                <td>Trận
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/sua.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Luis Suarez</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Liverpool</a>
                                    </div>
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/ro.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Cristino Ronaldo</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Real Madrid</a>
                                    </div>
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/messi.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Cristino Ronaldo</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Real Madrid</a>
                                    </div>
                                </td>
                                <td>28
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/costa.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Diego Costa</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Atletico</a>
                                    </div>
                                </td>
                                <td>27
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/zata.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Zlatan Ibrahimovic</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">PSG</a>
                                    </div>
                                </td>
                                <td>30
                                </td>
                                <td>26
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="holder">
                    <img style="max-width: 100%" title="Quảng cáo điện thoại LG" src="images/adverts/ads-03.gif"
                        alt="" />
                </div>
                <div class="holder top-club">
                    <table>
                        <thead>
                            <tr>
                                <td colspan="4" class="title">BXH Premier League
                                </td>
                            </tr>
                            <tr>
                                <td>CLB
                                </td>
                                <td>STT
                                </td>
                                <td>Hệ số
                                </td>
                                <td>Điểm
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Real Madrid
                                </td>
                                <td>2
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Atlectico
                                </td>
                                <td>3
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Barcelona
                                </td>
                                <td>1
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                            <tr>
                                <td>Valencia
                                </td>
                                <td>10
                                </td>
                                <td>31
                                </td>
                                <td>24
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="view-all">
                        <a href="#">xem chi tiết &raquo;</a>
                    </div>
                </div>
                <div class="subnav">
                    <div class="topic">
                        Top 10 bài viết xem nhiều nhất
                    </div>
                    <ul>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                    </ul>
                </div>

                <div class="subnav top-comment">
                    <div class="topic">
                        Top 5 bình luận của ngày
                    </div>
                    <ul>
                        <li><span class="counter top-1">1</span>
                            <div>
                                <img alt="" src="images/demo/avatar.gif" />
                                <div>
                                    <b>Andy Lau: </b>Leo Messi is the best player in the world, Leo Messi is the best player in the world
                                </div>
                                <div>
                                    <a href="#">Từ bài: Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a>
                                </div>
                            </div>

                        </li>
                        <li><span class="counter top-1">2</span>
                            <div>
                                <img alt="" src="images/demo/avatar.gif" />
                                <div>
                                    <b>Andy Lau: </b>Leo Messi is the best player in the world, Leo Messi is the best player in the world
                                </div>
                                <div>
                                    <a href="#">Từ bài: Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a>
                                </div>
                            </div>

                        </li>
                        
                    </ul>
                </div>

                <div class="subnav voting">
                    <div class="topic">
                        Thăm dò ý kiến
                    </div>
                    <div>
                        <p class="question">
                            Đội nào sẽ vô địch La Liga 2014-2015?
                        </p>
                        <ul>
                            <li>
                                <label>
                                    <div class="label-input">
                                        <input type="radio" value="1" name="vote" />
                                    </div>
                                    <div class="label-anwser">
                                        <span>Barcelona</span>
                                    </div>
                                </label>
                            </li>
                            <li>
                                <label>
                                    <div class="label-input">
                                        <input type="radio" value="1" name="vote" />
                                    </div>
                                    <div class="label-anwser">
                                        <span>Real Marid</span>
                                    </div>
                                </label>
                            </li>
                            <li>
                                <label>
                                    <div class="label-input">
                                        <input type="radio" value="1" name="vote" />
                                    </div>
                                    <div class="label-anwser">
                                        <span>Atlectico Marid</span>
                                    </div>
                                </label>
                            </li>
                        </ul>
                    </div>
                    <div class="result-box" id="divResult">
                        This is result of voting
                        <br />
                        This is result of voting
                        <br />
                        This is result of voting
                    </div>
                    <div class="vote-btn-box">
                        <ul>
                            <li>
                                <input type="button" value="Bình chọn" /></li>
                            <li>
                                <input class="view-result" id="btnResult" type="button" value="Kết quả" /></li>
                        </ul>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $("#btnResult").click(function () {
                                $("#divResult").slideToggle('fast');
                            });
                        });
                    </script>
                </div>
                <%-- <div class="holder">
                  <embed width="100%" height="50" src="flash/flash.swf">
                </div>--%>
                <div class="holder hottest">
                    <div class="topic">
                        Bài viết của ngày
                    </div>
                    <ul>
                        <li><a href="#">
                            <h3>Leo Messi ký xong hợp đồng mới với Barcelona</h3>
                            <p class="imgholder">
                                <img src="images/messi.jpg" alt="" />
                            </p>
                            <p>
                                Câu lạc bộ Barcelona vui mừng thông báo ngôi sao Lionel Messi đã đặt bút ký vào
                                bản hợp đồng mới để tiếp tục gắn bó với sân Nou Camp.
                            </p>
                        </a></li>
                    </ul>
                </div>
                <div class="holder">
                    <h2>Lorem ipsum dolor</h2>
                    <p>
                        Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.
                    </p>
                    <ul>
                        <li><a href="#">Lorem ipsum dolor sit</a></li>
                        <li>Etiam vel sapien et</li>
                        <li><a href="#">Etiam vel sapien et</a></li>
                    </ul>
                    <p>
                        Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt
                        dui mattis magna intesque purus orci augue lor nibh.
                    </p>
                    <p class="readmore">
                        <a href="#">Continue Reading »</a>
                    </p>
                </div>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Advertisement bottom -->
    <div class="wrapper">
        <div class="adblock">
            <div class="fl_left">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a>
            </div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer one -->
    <div class="wrapper">
        <div id="footer">
            <div class="footbox">
                <h2>Champions League</h2>
                <ul>
                    <li><a href="HomeLeague.aspx">Tin tức</a></li>
                    <li><a href="Fixtures.aspx">Lịch thi đấu</a></li>
                    <li><a href="Tables.aspx">Bảng xếp hạng</a></li>
                    <li class="last"><a href="TopPlayers.aspx">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>Premier League</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>Bundesliga</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>La Liga</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox last">
                <h2>Serie A</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer two -->
    <div class="wrapper">
        <div id="socialise">
            <ul>
                <li><a href="#">
                    <img src="images/facebook.gif" alt="" /><span>Facebook</span></a></li>
                <li><a href="#">
                    <img src="images/rss.gif" alt="" /><span>FeedBurner</span></a></li>
                <li class="last"><a href="#">
                    <img src="images/twitter.gif" alt="" /><span>Twitter</span></a></li>
            </ul>
            <div id="newsletter">
                <h2>NewsLetter Sign Up !</h2>
                <p>
                    Please enter your Email and Name to join.
                </p>
                <form action="#" method="post">
                    <fieldset>
                        <legend>Digital Newsletter</legend>
                        <div class="fl_left">
                            <input type="text" value="Enter name here&hellip;" onfocus="this.value=(this.value=='Enter name here&hellip;')? '' : this.value ;" />
                            <input type="text" value="Enter email address&hellip;" onfocus="this.value=(this.value=='Enter email address&hellip;')? '' : this.value ;" />
                        </div>
                        <div class="fl_right">
                            <input type="submit" name="newsletter_go" id="newsletter_go" value="&raquo;" />
                        </div>
                    </fieldset>
                </form>
                <p>
                    To unsubsribe please <a href="#">click here &raquo;</a>.
                </p>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer copyright@2014 -->
    <div class="wrapper col8">
        <div id="copyright">
            <p class="fl_left">
                Copyright &copy; 2011 - All Rights Reserved - <a href="#">Domain Name</a>
            </p>
            <p class="fl_right">
                Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS
                    Templates</a>
            </p>
            <br class="clear" />
        </div>
    </div>
</body>
</html>
